@extends('home/main/layout')
@section('title','首页')
@section('introduce')
<style>
	/*--banner-starts--*/
.banner-1{
	background:url({{$carousel_ads[0]->ad_pic}}) no-repeat center;
	/*min-height:700px;*/
	height:530px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner-2{
	background:url({{$carousel_ads[1]->ad_pic}}) no-repeat center;
	/*min-height:700px;*/
	height:530px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner-3{
	background:url({{$carousel_ads[2]->ad_pic}}) no-repeat center;
	/*min-height:700px;*/
	height:530px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
</style>
@stop
@section('content')
<!--bottom-header-->
    <div class="copyrights"><a href="#" >百舌屋</a></div>
	<!--banner-starts-->
	<br>
	<div class="bnr" id="home">
		<div id="top" class="callbacks_container">
			<ul class="rslides" id="slider4">
			    <li>
					<div class="banner-1"></div>
				</li>
				<li>
					<div class="banner-2"></div>
				</li>
				<li>
					<div class="banner-3"></div>
				</li>		
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--banner-ends--> 
	<!--Slider-Starts-Here-->
	<script src="{{asset('home/js/responsiveslides.min.js')}}"></script>
	 <script>
	    // You can also use "$(window).load(function() {"
	    $(function () {
	      // Slideshow 4
	      $("#slider4").responsiveSlides({
	        auto: true,
	        pager: true,
	        nav: false,
	        speed: 500,
	        namespace: "callbacks",
	        before: function () {
	          $('.events').append("<li>before event fired.</li>");
	        },
	        after: function () {
	          $('.events').append("<li>after event fired.</li>");
	        }
	      });
	
	    });
	  </script>
	<!--End-slider-script-->
	<!--start-banner-bottom--> 
	<div class="banner-bottom">
		<div class="container">
			<div class="banner-bottom-top">
				<h3>新品推荐</h3><br>
				@for($ni=0;$ni<=count($new_products)-1;$ni++)
				@if($ni%2==1)
				<div class="col-md-6 banner-bottom-left">
				@else
				<div class="col-md-6 banner-bottom-right">
				@endif
					<div class="bnr-one"  style="height:180px;"	>
						<div class="bnr-left">
							<h1><a href="/chicknum/{{$new_products[$ni]->product_id}}">{{$new_products[$ni]->title}}</a></h1>
							<p>{{$new_products[$ni]->keyword}}</p>
							<div class="b-btn"> 
								<a href="/chicknum/{{$new_products[$ni]->product_id}}">立即购买</a>
							</div>
						</div>
						<div class="bnr-right"> 
							<a href="/chicknum/{{$new_products[$ni]->product_id}}"><img src="/uploads/product/logo_pic/{{$new_products[$ni]->logo_pic}}" alt="图片丢失"/></a>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				@endfor
				
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--end-banner-bottom--> 
	<!--start-shoes--> 
	<div class="shoes"> 
		<div class="container"> 
			<h3>热销推荐</h3><br>
			@for($hi=0;$hi<=count($hotsell_products)-1;$hi++)
			@if($hi%4==0)
			<div class="product-one">
			@endif
				<div class="col-md-3 product-left">
					<div class="p-one simpleCart_shelfItem" style="height:380px;width:255px;">
						<a href="/chicknum/{{$hotsell_products[$hi]->product_id}}">
						<img style="width:223px;height:232px;" src="/uploads/product/logo_pic/{{$hotsell_products[$hi]->logo_pic}}" alt="图片丢失" />
						<div class="mask">
							<span>快去看看</span>
						</div>
						</a>
						<h4>{{$hotsell_products[$hi]->title}}</h4>
						<p><a class="item_add" href="#"><i></i> <span class=" item_price">￥{{$hotsell_products[$hi]->sprice}}</span></a></p>	
					</div>
				</div>
			@if($hi%4==3)
				<div class="clearfix"> </div>
			</div>
			@endif
			@endfor
		</div>
	</div>
	<!--end-shoes-->
	<!--start-abt-shoe-->
	<div class="abt-shoe">
		<div class="container">
			<h3>精品推荐</h3><br>
			<div class="abt-shoe-main">
				@foreach($boutique_products as $boutique_product)
				<div class="col-md-4 abt-shoe-left">
					<div class="abt-one">
						<a href="/chicknum/{{$boutique_product->product_id}}">
							<img src="/uploads/product/ad_pic/{{$boutique_product->ad_pic}}" alt="图片丢失" />
						</a>
						<h4><a href="/chicknum/{{$boutique_product->product_id}}">{{$boutique_product->title}}</a></h4>
						<p>{{$boutique_product->description}}</p>
					</div>
				</div>
				@endforeach
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
@stop

